<template>
     <div 
     style="background-color:#eae9e5;
     display: flex;
     justify-content: space-between;
     align-items: center;">
        <div 
        @click="reMySetup" 
        style="color:#c1ab96;
        padding: 20px 20px 20px 0;
        font-size:12px;
        font-size: 20px;"  
        span="9">
        <van-col 
                    style="color:#c2ad98;
                    padding: 5% 0px 5% 60%;
                    margin-left:3% ;"
                    span="9">
                    <van-icon name="arrow-left" size="20"/>
                </van-col>
        </div>
        <h4 
        style="font-weight:1000;
        padding: 0px 20px 0px 0px"
            span="10">关于</h4>
        <div></div>
    </div>
    
    <div 
    style="background-color:#c1ab96;
    width: 90%;
    border-radius: 10px;
    margin-left: 5%;">
        <div
        style="
        margin-top: 8%;
        padding: 12px;
        display:flex;
        justify-content:space-between;
        align-items: center;
        "
        >
            <van-image
            round
            width="3rem"
            height="3rem"
            src="https://unpkg.com/@vant/assets/cat.jpeg"
            />
            <span
            style="
            font-size:20px;
            font-weight:700;
            margin-left:-20%;
            color: white;
            ">OMINI.BASS</span>
                <a href="https://www.axureshop.com/shop/6824" blank>
                <button 
                style="
                width: 50px;
                height: 22px;
                border-radius:50px;
                color:#c1ab96;
                border: none;
                font-size: 12px;
                "
                >进店</button>
            </a>
        </div>
        <table
        style="
        padding: 10px  0  35px 0 ;
        color:white;
        font-size:14px;
        width: 90%;
        margin-left: 13%;
        ">
            <tr>
                <td style="text-indent: 23%;">联系QQ</td>
                <td>51406708</td>
            </tr>
            <tr>
                <td>技术交流群</td>
                <td>623858659（点击加群）</td>
            </tr>
        </table>
    </div>
    
    <div 
    style="background-color:#c1ab96;
    width: 90%;
    border-radius: 10px;
    margin-left: 5%;">
        <div
        style="
        margin-top: 6%;
        padding: 12px;
        display:flex;
        justify-content:space-between;
        align-items: center;
        "
        >
            <van-image
            round
            width="3rem"
            height="3rem"
            src="https://unpkg.com/@vant/assets/cat.jpeg"
            />
            <span
            style="
            font-size:20px;
            font-weight:700;
            margin-left:-25%;
            color: white;
            ">孤傲的天狼</span>
            <a href="https://www.axureshop.com/shop/6824">
                <button 
                style="
                width: 50px;
                height: 22px;
                border-radius:50px;
                color:#c1ab96;
                border: none;
                font-size: 12px;
                "
                >进店</button>
            </a>
        </div>
        <table
        style="
        padding: 10px  0  35px 0 ;
        color:white;
        font-size:14px;
        width: 90%;
        margin-left: 13%;
        ">
            <tr>
                <td style="text-indent: 23%;">联系QQ</td>
                <td>35093352</td>
            </tr>
            <tr>
                <td>技术交流群</td>
                <td>62612385（点击加群）</td>
            </tr>
        </table>
    </div>
</template>
<script lang="ts" setup>
    import { ref,createApp } from 'vue';
    import { CountDown } from 'vant';
    import {useRouter} from 'vue-router';
    const $router = useRouter();

       //取消个人信息编辑
       function reMySetup(){
        $router.push({path:"setUp"})
        console.log(1111);
    } ;
</script>
<style scoped>
*{margin: 0%;}

</style>